.msg-box {
    height: 40px;
    display: none;
}

.category-text {
    height: 40px;
    width: 95%;
    display: grid;
    place-items: center;
    border-radius: 8px;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: scale(0) translateX(-50%);  
    transition: .3s;
}

.sucess-category {
    background-color: #D4EDDA;
}

.failed-category {
    background-color: #F8D7DA;
}

.sucess-text {
    text-align: center;
    color: rgb(45, 188, 45);
    font-weight: bold;
}

.failed-text {
    text-align: center;
    font-weight: bold;
    color: red;
}